//将用户名以及邮箱追加进文档
$('.users').text(username);
$('.username').text(username);
//给修改个人信息添加点击事件
$('.modify').click(() => {
    modifyInfo();
})
$('.menu ul:first li').each(function () {
    this.onclick = () => {
        modifyInfo()
    };
})
//构造修改信息的函数
function modifyInfo() {
    //将信息页隐藏 并将修改页显示
    $('.info-box').css('display', 'none');
    $('.editUserInfo').css('display', 'block');
    //将获取到的用户名填入表单
    $('#username').val(username);
}
//设置表单输入状态
var flag = false;
//给表单添加失去焦点事件
$('#username').blur(function () {
    if (!this.value) {
        this.nextElementSibling.innerText = '*用户名不能为空！';
        return;
    }
    let reg = /^[1][3|4|5|7|8|9]\d{9}$/;
    let reg2 = /^\w+@\w+\.[a-z]+$/;
    if (reg.test(this.value) || reg2.test(this.value)) {
        this.nextElementSibling.innerText = '';
    } else {
        this.nextElementSibling.innerText = '*用户名格式错误,请输入正确的邮箱或手机号码！';
    }
})
$('#oldPwd').blur(function () {
    if (!this.value) {
        this.nextElementSibling.innerText = '*旧密码不能为空！';
        return;
    }
    let reg = /^[\w]{6,20}$/;
    if (reg.test(this.value)) {
        this.nextElementSibling.innerText = '';
    } else {
        this.nextElementSibling.innerText = '*密码格式不正确,必须由数字/字母/下划线组成(6~20位)！';
    }
})
$('#newPwd').blur(function () {
    if (!this.value) {
        this.nextElementSibling.innerText = '*新的密码不能为空！';
        return;
    }
    let reg = /^[\w]{6,20}$/;
    if (reg.test(this.value)) {
        this.nextElementSibling.innerText = '';
    } else {
        this.nextElementSibling.innerText = '*密码格式不正确,必须由数字/字母/下划线组成(6~20位)！';
    }
})
$('#confirmPwd').blur(function () {
    if (this.value != $('#newPwd').val()) {
        this.nextElementSibling.innerText = '*两次密码不一致！';

    } else {
        this.nextElementSibling.innerText = '';
    }
})
//构造确认按钮的函数
function confirmModify() {
    flag = true;
    //遍历提示信息 如果为空则表单验证成功
    $('span.tips').each(function () {
        if (this.innerText != '') {
            flag = false
        }
    })
    if (flag) {
        layer.confirm('是否确认修改？', {
            btn: ['确认', '取消']
        }, function () {
            //展开加载层
            var loadindex = layer.load(1, {
                shade: [0.4, "#000"]
            })
            //发送ajax请求
            $.get({
                url: './php/userinfo.php',
                data: {
                    oUser: username,
                    oPassword: $('#oldPwd').val(),
                    nUser: $('#username').val(),
                    nPassword: $('#newPwd').val(),
                },
                success: res => {
                    var { meta: { status, msg } } = JSON.parse(res);
                    layer.close(loadindex);
                    if (status === 1) {
                        layer.msg(msg, {
                            icon: 1,
                            time: 1500
                        }, () => {
                            //删除cookie,并添加新cookie
                            removeCookie('username');
                            setCookie('username', $('#username').val(), 7200);
                            //清除表单数据
                            $('form input').each(function () {
                                this.value = '';
                            })
                            //刷新页面
                            location.reload();
                        });
                    } else if (status === 0) {
                        layer.msg(msg, {
                            icon: 2,
                            time: 1500
                        }, () => {
                            //清除表单数据
                            $('form input').each(function () {
                                this.value = '';
                            })
                            //刷新页面
                            location.reload();
                        });
                    } else {
                        layer.msg(msg, {
                            icon: 2,
                            time: 1500
                        });
                        //清除表单数据
                        $('form input').each(function () {
                            this.value = '';
                        })
                        //给span添加*号
                        $('span.tips').each(function () {
                            this.innerText = '*';
                        })
                        //初始化表单信息状态
                        flag = false;
                    }
                }
            })
        })
    } else {
        layer.msg('标注*号的不能为空且必须填写正确', {
            time: 1500
        });
    }
}
//构造取消按钮的函数
function cancelModify() {
    var layerMsg = layer.confirm('是否放弃修改？', {
        btn: ['放弃', '取消']
    }, function () {
        //清除表单数据
        $('form input').each(function () {
            this.value = '';
        })
        //初始化表单信息状态
        flag = false;
        //将修改页隐藏 并将信息页显示
        $('.editUserInfo').css('display', 'none');
        $('.info-box').css('display', 'block');
        layer.close(layerMsg);
    })
}